#Atoast{
    display: none;
    background-color: black;
    max-height: 50px;
    border-radius:4px;
    width: 350px;
    height: 50px;
    position: fixed;
    top: 30px;
    right: 20px;
    z-index: 10000;
    color:white;
    
    min-height: 20px;
}
.Atoastanimate{
    -webkit-animation-name: animatetop1;
    -webkit-animation-duration: 1s;
    animation-name: animatetop1;
    animation-duration: 1s;
}
#Atoast div{
    padding: 15px;
}
#Atoast div a{
    float:right;
}
@-webkit-keyframes animatetop1 {
    from {top:-300px; opacity:0} 
    to {top:30px; opacity:1}
}

@keyframes animatetop1 {
    from {top:-300px; opacity:0}
    to {top:30px; opacity:1}
}

.AtoastClose{
    -webkit-animation-name: animatetop2 ;
    -webkit-animation-duration: 1s;
    animation-name: animatetop2;
    animation-duration: 1s;
    background-color: red;
/*    display: none !important;
    transition-duration:1s;*/
}
@-webkit-keyframes animatetop2 {
    from {top:30px; opacity:1} 
    to {right:-300px; opacity:0}
}

@keyframes animatetop2 {
    from {top:30px; opacity:1}
    to {right:-300px; opacity:0}
}